<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>门户网站导航设计</title>
		<style type="text/css">
			h1{ font-size:16px;}
			#menu {
				width:956px;
				height:126px;
				background: url(img/bg.jpg) no-repeat right bottom;
			}
			ul, li{
				padding:0;
				margin:0;
				list-style: none;
			}
			ul{
				float:right;
				margin-right:0px;
				margin-top:55px;
				width:790px;
				font-size:12px;
			}
			li{
				float: left;
				width: 36px;
				padding:0 0 4px 0;
				text-align: center;
				background: url(img/line.gif) no-repeat left center;
			}
			li:nth-child(3n+1){
				font-weight:bold;
				background:none;
			}
			li:nth-child(1),li:nth-child(4),li:nth-child(16){
				background-color: red;
				color:#FFFFFF;
			}
		</style>
	</head>
	<body>
		<div id="menu">
			<ul>
				<li> 新闻</li>
				<li>军事</li>
				<li>社会 </li>
				<li> 财经</li>
				<li>股票 </li>
				<li> 基金</li>
				<li> 科技 </li>
				<li> 手机</li>
				<li> 数码 </li>
				<li> 体育 </li>
				<li> 中超</li>
				<li> NBA </li>
				<li> 娱乐 </li>
				<li> 明星 </li>
				<li> 音乐 </li>
				<li> 汽车 </li>
				<li> 图库 </li>
				<li> 车型 </li>
				<li> 博客</li>
				<li> 微博 </li>
				<li> 草根</li>
				<li> 视频 </li>
				<li> 播客 </li>
				<li> 大片 </li>
				<li> 房产 </li>
				<li> 地产 </li>
				<li> 家居 </li>
				<li> 读书 </li>
				<li> 教育 </li>
				<li> 健康 </li>
				<li> 女性 </li>
				<li> 星座 </li>
				<li> 育儿 </li>
				<li> 乐库 </li>
				<li> 尚品 </li>
				<li> 宠物 </li>
				<li> 空间</li>
				<li> 邮箱 </li>
				<li> 出国</li>
				<li> 论坛</li>
				<li> SHOW </li>
				<li> UC </li>
				<li> 游戏</li>
				<li> 玩玩</li>
				<li> 交友</li>
				<li> 城市</li>
				<li> 广东 </li>
				<li> 上海</li>
				<li> 生活</li>
				<li> 旅游</li>
				<li> 电商</li>
				<li> 短信 </li>
				<li> 商城</li>
				<li> 彩信</li>
				<li> 健身</li>
				<li> 下载</li>
				<li> 导航</li>
				<li> 商城 </li>
				<li> 天气 </li>
				<li> 爱问</li>
				 <li> 彩票 </li>
				<li> 公益 </li>
				<li> 世博 </li>

			</ul>
		</div>
	</body>
</html>